
.notice{
    margin-top: 4px;
    position: absolute;
    animation: fade-in;/*动画名称*/
    animation-duration: 0.2s;/*动画持续时间*/
    -webkit-animation:fade-in 0.2s;/*针对webkit内核*/
}
.innercontent{
    width:  150px;
    height: 40px;
    border: black 1px solid;
    border-radius: 0.25rem;

}
.innercontent .logo{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
}
.innercontent img{
    width: 25px;
    height: 25px;
}
.triangle{
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid black;
    margin-left: 10px;

}
.triangle:after{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid white;
    margin-left: -10px;
    margin-top: 1px;
}
@keyframes fade-in {
    0% {opacity: 0;}/*初始状态 透明度为0*/
    40% {opacity: 0;}/*过渡状态 透明度为0*/
    100% {opacity: 1;}/*结束状态 透明度为1*/
}
@-webkit-keyframes fade-in {/*针对webkit内核*/
    0% {opacity: 0;}
    40% {opacity: 0;}
    100% {opacity: 1;}
}
